import React from 'react';
import Meal from "./meal/Meal.jsx";
import classes from './Meals.module.css'
const Meals = (props) => {
    return (
        <div className={classes.meals}>
            {props.mealsData.map(item => {
                return <Meal key={item.id}
                             meal={item}/>
            })}
        </div>
    );
};

export default Meals;
